<!-- ./idFieldRender.vue 文件 -->
<template>
    <view v-loading="loading" class="content">
            <block v-if="data.status == 0">
                    <el-tag type="danger">待付款</el-tag>
            </block>
            <block v-else>
                <el-tag type="primary" v-if="data.order_status == 1">待发货</el-tag>
                <el-tag type="info" v-if="data.order_status == 2">待收货</el-tag>
                <el-tag type="warning" v-if="data.order_status == 7">申请退款</el-tag>
                <el-tag type="warning" v-if="data.order_status == 8">已退款</el-tag>
                <el-tag type="success" v-if="data.order_status == 9">交易完成</el-tag>
            </block>
    </view>
</template>

<script setup lang="ts">
import { TableColumnCtx } from 'element-plus'
import { ref ,defineProps,inject} from 'vue'
import type baTableClass from '/@/utils/baTable'
const baTable = inject('baTable') as baTableClass
import { ElMessage,ElMessageBox} from 'element-plus'
import createAxios from "/@/utils/axios";
// BuildAdmin将自动为此组件传递五个Props
interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}
const loading = ref(false)
const props = defineProps<Props>()
const data = props.renderValue

// console.log(props.renderValue, props.renderRow, props.renderField, props.renderColumn, props.renderIndex)
</script>


<style scoped lang="scss">

.content{
    font-size: 14px;
}
.fl{
  float: left;
}

// 大概2~3个vue页面，对接上接口，时间紧，要求精通vue,经验足，人靠谱，周末时间充裕
// 小王，那个结果页面 也需要设计，客户大概意思是参考这个页面
</style>
